<html>
  <head>
  </head>
  <body>

    <style type="text/css">#MonkeyTalkWidget{position:absolute;right:20px;bottom:00px;}body>div#MonkeyTalkWidget{position:fixed;}</style>
    <!--[if gte IE 5.5]><![if lt IE 7]><style type="text/css">div#MonkeyTalkWidget {right:auto;bottom:auto;
      left:expression((-20 - MonkeyTalkWidget.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
      top:expression((0 - MonkeyTalkWidget.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
    }</style><![endif]><![endif]-->  
    
    <style type="text/css">
    
      #MonkeyTalkWidget {
        overflow: hidden;
        font-family: Arial;
        font-size: 12px;
        width:300px;height:440px;background:#333;
        padding: 0px;
        margin: 0px;
      }

      #MonkeyTalkBadge {
        height:70px;border:0px solid #333;
        background: #333;
        padding-right: 10px;
        color: #eee;
        text-align: right;
        background: url('/visitor/images/avatar.png');
        background-repeat: no-repeat;
        background-position: 5 5;
      }
      
      #MonkeyTalkMessages {
        overflow: hidden;
        width:290px;height:250px;background:#eee;margin:5px;border:1px solid #666;
      }
      
      #MonkeyTalkMessage {
        width: 290px;margin:5px;height:70px;overflow:auto;border:1px solid #666;
        font-family: Tahoma;
        font-size: 12px;        
      }
      
      #MonkeyTalkMessageSendButton {
        margin: 5px;
        font-size: 11px;
      }
      
      #MonkeyTalkWidgetHideButton {
        font-size: 9px;
        margin: 5px;
        color: #999;
        float: right;  
      }
      
      .MonkeyTalkWidgetMessageItem{
        padding: 5px;
      }
      
    </style>
    
    <div id="MonkeyTalkWidget">
      <div id="MonkeyTalkBadge">
        <span style="font-size:16px;color:#ffcc66">Консультант Татьяна</span><br />
        Готова ответить на любые ваши<br /> вопросы по системе MonkeyTalk
      </div>
      <div id="MonkeyTalkMessages"></div>
      <textarea id="MonkeyTalkMessage"></textarea>
      <a href="#" id="MonkeyTalkWidgetHideButton">hide</a>
    </div>
    
    <script idtype="text/javascript">
      var body = document.getElementsByTagName("body")[0];
      var widget = document.createElement("script");
          widget.setAttribute("src", "http://lowcost/visitor/monkeyTalk.php?timestamp=" + new Date().getTime());
          body.appendChild(widget);
    </script>

  </body>
</html>